<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="font/iconfont.css">
    <link rel="stylesheet" href="css/details.css">
    <script src="js/js.cookie.js"></script>
    <script src="js/jquery.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/lodash.js/4.14.0/lodash.min.js"></script>
    <script src="js/details.js"></script>
</head>
<body>
    <!-- header start -->
    <header >
        <div class="header main">
            <span >建议使用谷歌浏览器浏览</span>
            <ul class="h-right fr">
                <li >服务热线 400-605-7200</li>
                <li ><span>q123456</span><span class="iconfont icon-xiala"></span></li>
                <li >新消息[0]</li>
                <li >我的元素</li>
                <li > <span class="iconfont icon-gouwuche1"></span> 购物车(<span>0</span>)</li>
            </ul>
        </div>
       
            
    </header>
    <!-- header end -->
    <!-- article start -->
    <article>
        <div class="conart-top">
            <div class="con-top ">
                <div class="con-tbox main">
                    <p class="logo"><a href="index.html"><img src="images/indexlogo.png" alt="" ></a><span> 科研采购一站式平台</span></p>
                    <div class="cot-cen">
                        <div class="con-input">
                        <input type="text" placeholder="请输入CAS号,货号,品名等关键字"><button class=" cot-btn iconfont icon-fangdajing"></button>
                        </div>
                        <p class="coi-text"><a href="">热搜:</a><a href="">爱马斯手套、</a><a href="">氢氧化钠、</a><a href="">离子对、</a><a href="">血压计、</a><a href="">细胞培养板、</a></p>
                        
                    </div>
                    <div class="cot-reig">
                    
                    </div>
                </div>
            </div>
        
            <div class="con-nav ">
                <ul class="con-nlist main">
                    <li>首页</li>
                    <li>科研试剂</li>
                    <li>防护用品</li>
                    <li>仪器耗材</li>
                    <li>实验设备</li>
                    <li>积分商城</li>
                </ul>
            </div>
         </div>
         <div class="sectoin">
             <div class="sec1-top main">
                 <p>
                     <span>商城首页</span><span class="iconfont icon-xiayiyeqianjinchakangengduo"></span>
                     <span>防护用品</span><span class="iconfont icon-xiayiyeqianjinchakangengduo"></span>
                     <span>防护用品一次性PVC丶PE手套</span><span class="iconfont icon-xiayiyeqianjinchakangengduo"></span>
                     <span class="gat">【爱马斯】 一次性乳胶手套(标准版)</span>
                    </p>
             </div>
             <div class="section1-con main">
                <div class="sec1-con">
                    <div class="magnifier fl">
                        <div class="small">
                            <img src="images/samll.png" alt="" id="smallImg">
                            <div id="smallArea">
                            </div>
                        </div>
                
                        <div id="bigArea">
                            <img id="bigImg" src="images/bigsmll.png"/>
                        </div>
                    </div>
                    <div class="sec1-data fl">
                        <div class="date-tit1">
                            <p>爱马斯 &nbsp;&nbsp; <span class="traName">一次性乳胶手套（标准型）</span> </p>
                            <p><span class="titt">品牌:</span><span>爱马斯</span></p>
                            <p><span class="titt">价格:</span><span class="monny">￥<span class="price">800.00</span></span></p>
                            <p><span class="titt titi">货号*规格:</span>
                                <button class="hao current">TLFGWC42100*箱*S</button>
                                <button class="hao">TLFGWC42100*箱*M</button>
                                <button class="hao">TLFGWC42100*箱*L</button>
                            </p>
                            <p><span class="titt">配送费:</span><span class="yun" >详见运费说明</span></p>
                            <p><span class="titt">库存:</span><span >充足</span></p>
                            <div class="inubox">
                                <span class="titt ">配送数量:</span>
                                <p class="innum ">
                                    <button class="min">－</button>
                                    <input type="number" name="" id="" class="number" min="0.1" step="0.1" value="0.1">
                                    <button class="max">+</button>
                                </p>
                            </div>
                            <p class="shopi">
                                <button class="toShop">立即购买</button>
                                <button class="toCart">加入购物车</button>
                                <button><span class="aixin iconfont icon-aixin"></span>收藏</button>
                            </p>
                        </div>
                        

                    </div>
                    <div class="sec1-right fr">
                        <div class="sec1r-top">
                            <span></span>
                            <span>元素推荐</span>
                            <span></span>
                        </div>
                        <div class="sec1r-con">
                            <ul class="sec1r-list">
                                <li>
                                    <img src="images/der-1.png" alt="">
                                    <p>一次性乳胶手套(标准型)</p>
                                    <p>￥800.00</p>
                                </li>
                                <li>
                                    <img src="images/der-2.jpg" alt="">
                                    <p>BD-176B防冲击面屏支架</p>
                                    <p>￥0.00</p>
                                </li>
                                <li>
                                    <img src="images/der-3.png" alt="">
                                    <p>一次性丁腈手套(蓝色，12寸)</p>
                                    <p>￥1650.00</p>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="sec2-con2">
                    <div class="sec2-top1">
                        <span class="current"><a href="javascript:void(0)">商品描述</a></span>
                        <span><a href="javascript:void(0)">商品评价</a>0</span>
                    </div>
                    <div class="sec2-top2">
                        暂无商品描述
                    </div>
                    <div class="sec2-imgs">
                        <p></p>
                        <p></p>
                        <div class="bigimg">
                            <img src="images/detabig.jpg" alt="">
                        </div>
                        <div class="bigimgbut">
                            <img src="images/databigbot.jpg" alt="">
                        </div>
                        <p></p>
                    </div>
                </div>
             </div>
         </div>
    </article>
    <!-- article end -->
     <!-- footer start -->
     <footer>
        <div class="foot-top">
            <div class="fot1 main">
                <ul class="foot1-list">
                    <li>品牌多，品类全</li>
                    <li>品牌多，品类全</li>
                    <li>品牌多，品类全</li>
                    <li>品牌多，品类全</li>
                </ul>
            </div>
            
        </div>
        <div class="fot2 main">
            <div class="foot2-left fl">
                <dl>
                    <dt>支付方式</dt>
                    <dd>支付宝/微信</dd>
                    <dd>预存款</dd>
                    <dd>信誉额度</dd>
                </dl>
                <dl>
                    <dt>配送方式</dt>
                    <dd>配送时间</dd>
                    <dd>配送范围</dd>
                    <dd>配送费用</dd>
                </dl>
                <dl>
                    <dt>售后服务</dt>
                    <dd>退换货指南</dd>
                    <dd>退换货流程</dd>
                    <dd>发票服务</dd>
                </dl>
                <dl>
                    <dt>购物指南</dt>
                    <dd>注册会员/经销商</dd>
                    <dd>购物流程</dd>
                    <dd>产品查找</dd>
                    <dd>产品询价</dd>
                </dl>
                <dl>
                    <dt>练习我们</dt>
                    <dd><span>联系热线：</span>400-605-7200</dd>
                    <dd><span>工作时间：</span>周一到周五8:30--17:30</dd>
                    <dd><span>地址：</span>苏州市工业园区方洲路128号</dd>
                </dl>
            </div>
            <div class="foot2-right fl">
                <div class="ma-le fl">
                    <p>元素商城</p>
                    <img src="images/foot-er1.jpg" alt="">
                </div>
                <div class="ma-le fl">
                    <p>元素小程序</p>
                    <img src="images/foot-er-2.jpg" alt="">
                </div>
            </div>
        </div>
        <div class="fot3 main">
            <p>
                <a href="">友情链接:</a><a href="">亚科科技</a>
                <a href="">制药在线</a><a href="">化学试剂网</a>
                <a href="">亚科外贸网站</a>
            </p>
        </div>
        <div class="fot4 main">
            <p class="fot4-top"><a href="">关于元素商城</a><a href="">增值电信业务经营许可证（苏B2-20200443号）</a><a href="">苏ICP备11026111号-2</a></p>
            <div class="fot4-img">
                <img src="images/foot3-1.jpg" alt="">
                <img src="images/foot3-2.jpg" alt="">
                <img src="images/foot3-3.jpg" alt="">
                <img src="images/foot3-4.jpg" alt="">
                <img src="images/foot3-5.jpg" alt="">
            </div>
            <p>©2017-2021 江苏星科元信息科技有限公司版权所有</p>
        </div>
    </footer>
    <!-- footer end -->
    <!-- 右边楼层 -->
    <div class="conele">
        <li class="iconfont icon-touxiang"><p class="ele-text">个人中心</p></li>
        <li class="tShopimg iconfont icon-gouwuche"><p class="ele-text">购物车</p></li>
        <li class="iconfont icon-xiaoxi"><p class="ele-text">联系客服</p></li>
        <li class="iconfont icon-fankui"><p class="ele-text">意见反馈</p></li>
        <li class="toTop iconfont icon-icon "><p class="ele-text ">返回顶部</p></li>
    </div>
</body>
</html>